<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
        <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
		<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
		
		<link rel="stylesheet" href="css/nav.css" />
		<link rel="stylesheet" href="css/family.css" />
		<link rel="stylesheet" href="css/case.css" />
	</head>
	<body>
		<div class="col-xs-12 col-sm-12 row hospital-list-title">
			<img class="col-xs-2 col-sm-2" src="img/ui/error_img.png" />
			<h5>预约详情</h5>
		</div>
		<div class="col-sm-12 col-xs-12 row case-container">
			<section class="col-xs-11 col-sm-11 case-hospital">
				<div class="col-xs-12 col-sm-12 case-hospital-item">
					<h5>医院：</h5>
					<h5>中山大学附属第一医院</h5>
					<div class="clear"></div>
				</div>
				<div class="col-xs-12 col-sm-12 case-hospital-item">
					<h5>科室：</h5>
					<h5>外科-骨科</h5>
					<div class="clear"></div>
				</div>
				<div class="col-xs-12 col-sm-12 case-hospital-item">
					<h5>医生：</h5>
					<h5>一个医生名字</h5>
					<div class="clear"></div>
				</div>
				<div class="col-xs-12 col-sm-12 case-hospital-item">
					<h5>时间：</h5>
					<h5>2018-10-9 周三</h5>
					<div class="clear"></div>
				</div>
				<div class="col-xs-12 col-sm-12 case-hospital-item">
					<h5>时间段：</h5>
					<h5>上午 8:00-12:00</h5>
					<div class="clear"></div>
				</div>
			</section>
			<section class="col-xs-11 col-sm-11 row case-cost">
				<h5 class="case-cost-title">￥应收费用</h5>
				<div class="col-xs-12 col-sm-12 case-cost-item">
					<h5>挂号诊疗费：</h5>
					<h5>30元</h5>
				</div>
				
				<div class="col-xs-12 col-sm-12 case-cost-item">
					<h5>短信服务费：</h5>
					<h5>0元</h5>
				</div>
			</section>
			<section class="col-xs-11 col-sm-11 row case-cost">
				<h5 class="case-cost-title">￥实付费用</h5>
				<div class="col-xs-12 col-sm-12 case-cost-item">
					<h5>挂号诊疗费：</h5>
					<h5>30元</h5>
				</div>
				
				<div class="col-xs-12 col-sm-12 case-cost-item">
					<h5>短信服务费：</h5>
					<h5>0元</h5>
				</div>
			</section>
			
		</div>
	</body>
</html>
